<template>
    <!--<v-countup :start-value="start" :end-value="end" :options="options" ></v-countup>-->
    <div style="padding: 10px">
        <glgoods :grade="0" name="test" direction="left"></glgoods>
        <glgoods :grade="1" name="test" direction="right"></glgoods>
        <glgoods :grade="2" name="test" direction="left"></glgoods>
        <glgoods :grade="3" name="test" direction="right"></glgoods>
        <glgoods :grade="4" name="test" direction="left"></glgoods>
        <glgoods :grade="5" name="test" direction="right"></glgoods>
        <glgoods :grade="6" name="test" direction="left"></glgoods>
        <glgoods :grade="7" name="test" direction="right"></glgoods>
    </div>

</template>

<script>

    import glgoods from "./g-goods";

    export default {
        components: {
            glgoods,
        },
        name: "demo",
        props: {},
        data() {
            return {
                start: 1,
                end: 10000,
                options: {
                    useEasing: true, // 缓动动画 easing
                    useGrouping: false, // 1,000,000 vs 1000000
                    separator: ',', // 数字分隔符
                    decimal: '.', // 小数分隔符
                    prefix: '', // 前缀
                    suffix: '' // 后缀
                }
            }
        },
        computed: {},
        methods: {},
        created() {
        },
        mounted() {
        }
    }
</script>

<style lang="scss" scoped>

</style>
